<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/16
  Time: 20:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>

    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/head.css">
    <style>
        .keshi .first {
            /* box-shadow: 10px 10px 10px rgba(0, 0, 0, .15); */
            float: left;
            border: 2px solid rgb(231, 231, 231);
            background-color: white;
            width: 165px;
            margin-top: 0;
            margin-bottom: 50px;
            margin-right: 20px;
            border-top-left-radius: 0.4em;
            border-top-right-radius: 0.4em;
            border-bottom-right-radius: 0.4em;
            border-bottom-left-radius: 0.4em;
            cursor: pointer;
            font-family: kai;
            font-size: 1em;
            text-align: center;
            padding-top: 0px;
        }

        .first h3 {
            margin-top: 10px;
        }

        .first:hover {
            background-color: rgb(1, 81, 40);
            color: white;
            -moz-transition: all 0.3s ease 0.1s;
            -webkit-transition: all 0.3s ease 0.1s;
            transition: all 0.3s ease 0.1s;
            -o-transition: all 0.3s ease 0.1s;
        }

        .footer {
            background: url(<%=request.getContextPath()%>/imgs/foot.jpg) no-repeat center;
            background-size: cover;
            font-size: 12px;
            height: 200px;
        }

        .romve {
            padding-top: 40px;
            margin-left: 200px;
            color: white;
        }

        @font-face {
            font-family: kai;
            src: url("<%=request.getContextPath()%>/fonts/song.ttf")
        }
        .pic img{
            width: 350px;
            position:relative;
            opacity: 0.6;
            mix-blend-mode: soft-light;
        }
    </style>
</head>

<body>
<%@ include file="../nav/nav.jsp" %>
<div class="container">
    <div class="row">
        <br>
        <br>
        <h2>主科室:</h2>
        <br>
        <div style="margin-left:40px;" class="keshi">
            <c:forEach items="${fdepList}" var="f">
            <div class="first" onclick="location.href='<%=request.getContextPath()%>/firstdep/sdep?fid=${f.id}'">
                <div class="col-md-9">
                    <h4>${f.deptName}</h4>
                </div>
                <div class="col-md-3" style="border-left:1px solid rgb(231, 231, 231);">
                    <h4 class="glyphicon glyphicon-chevron-right"></h4>
                </div>
            </div>
            </c:forEach>
        </div>
    </div>
</div>
<br>
<br>
<div class="container">
    <div class="row pic">
        <div class="col-md-4"><img src="<%=request.getContextPath()%>/imgs/pic1.jpg"><h2 style="position:absolute;top:60px;left: 145px;color: rgb(1, 81, 40);">知医治</h2></div>
        <div class="col-md-4"><img src="<%=request.getContextPath()%>/imgs/pic2.jpg"><h2 style="position:absolute;top:60px;left: 145px;color: rgb(1, 81, 40);">知医治</h2></div>
        <div class="col-md-4"><img src="<%=request.getContextPath()%>/imgs/pic3.jpg"><h2 style="position:absolute;top:60px;left: 145px;color: rgb(1, 81, 40);">知医治</h2></div>
    </div>
</div>
<!--底部地址栏begin-->
<br>
<br>
<br>
<br>
<br>
<%@ include file="../nav/foot.jsp"%>
<!--底部地址栏begin-->
<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.js"></script>
</body>